.CardTop {
    width: 98.7%;
    margin: 18px 0.7075% 12px 0.5896%;
    color: #333;
    height:15vh;
  background:rgba(255,255,255,1);
  border-radius:6px;
  box-shadow:0px 0px 8px 0px rgba(165,187,224,1);
  display: flex;
  padding-top:1.5vh;
  flex-wrap: wrap;
  justify-content:space-around;
  }
  .Top {
    position: absolute;
    top: 10%;
    width: 100%;
  }
  .primary {
    margin-right: 0.8254%;
    width:57px;
  height:24px;
  background:rgba(91,203,242,1);
  border: 0;
  border-radius:4px 5px 5px 4px;
  box-shadow:0px 2px 4px 0px rgba(153,177,215,0.8);
  }
  .reset {
    border: 0;
    width:57px;
  height:24px;
  background:rgba(255,255,255,1);
  border-radius:4px 5px 5px 4px;
  box-shadow:0px 2px 4px 0px rgba(195,195,195,0.8);
  }
  .CardBottom {
  
    width: 98.7%;
    margin: 0px 0.7075% 0px 0.5896%;
    height:73.3vh;
  background:rgba(255,255,255,1);
  border-radius:6px;
  box-shadow:0px 0px 8px 0px rgba(165,187,224,1);
  padding: 0;
  overflow: hidden;
  }
  .MonthPicker {
    width: 8.2547%;
    margin-right: 1.5919%;
    margin-left: 0.5896%;
  }
  .Cascader {
    color: #000000;
    width: 24vh;
    margin-right: 1.5919%;
    margin-left: 0.5896%;
  }
  .Pagination {
    margin-top: 5px;
    margin-left: 50vh;
  }
  .one_Card {
    margin: 0px 0.7075% 12px 0.5896%;
    width:98.7%;
  height:370px;
  background:rgba(255,255,255,1);
  border-radius:6px;
  box-shadow:0px 0px 8px 0px rgba(165,187,224,1);
  }
  .ant-card-head{
    height: 44px;
  }
  .ant-card-head-title{
    height: 44px;
  }
  .ant-card-wider-padding .ant-card-head{
    height: 44px;
  }
  .ant-card-wider-padding .ant-card-body{
    padding: 0;
  }
  .Divider {
    position: absolute;
    height: 200px;
    left: 34%;
    top: 29%;
    color: #C3C3C3;
  }
  .Divider1 {
    position: absolute;
    height: 200px;
    left:67%;
    top: 29%;
    color: #C3C3C3;
  }
  .myTable{
    :global{
      
      
      .ant-table-thead{
        .wpColumn, .ant-table-selection-column {
          background-color: red ;
          text-align: center ;
          color: #4A4A4A;
          border-bottom:1px solid #fff;
          font-size: 13px;
        }
        tr{
          th{
            text-align: center;
            background-color:#D9F4FF !important;
            // border-right: 1px solid #ffffff;
            // padding: 7px 0 !important;
          }
        }
      }
      .ant-table-tbody {
        tr{
          td{
            // padding: 7px 0 !important;
          }
        }
        .wpColumn {
          background-color: #ffffff;
          text-align: center;
          color: #333333;
          font-size: 13px;
          //padding: 6px 8px !important;
        }
      }
     
    
      .ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child, .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
        border-right: 1px solid #e8e8e8;
      }
     
    }
  }
  .MyIcon_gongneng {

    color: #31e0a0;

  }
  .spanTop {
    display: inline-block;
    margin: 5px 3px;
  }
  
@font-face {
	font-family:sx;
	src: url('../../assets/144-CAI978.ttf');
}